<template>
    <transition name='fade'>
        <div @click='closeShare' class="component-share"><img width="240" src="../images/sharetip@3x.png"></div>
    </transition>
</template>

<script>
    import  { mapGetters, mapActions }  from 'vuex'

    export default {
        props: {

        },
        data(){
            return {

            }
        },
        computed:{

        },
        methods:{
            // actions
            ...mapActions([
                'setShare',
                'hideShare'
            ]),
            closeShare(){
                this.hideShare()
            }
        },
        created() {
        },
    }
</script>

<style lang="scss">
    @import "../sass/_variables";
    @import "../sass/_extends";
    @import "../sass/_mixins";

    .component-share{
        position: absolute;
        bottom:0;
        top:0;
        left:0;
        right:0;
        z-index:$zIndex_loading_full;
        background-color: rgba(0, 0, 0, 0.5);
        img{
            position: absolute;
            right:16px;
            top:8px;
        }
    }

</style>
